<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>立修</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="static/css/family.css" rel='stylesheet' type='text/css'>
<link href="static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="static/css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
<link href="static/css/owl.carousel.css" rel="stylesheet">
<link href="static/css/settings.css" rel="stylesheet">
<link href="static/css/cubeportfolio.min.css" rel="stylesheet">
<!-- END PAGE LEVEL PLUGIN STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="static/css/layout.css" rel="stylesheet" type="text/css"/>
<link href="static/css/custom.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-on-scroll" class to the body element to set fixed header layout -->
<body class="page-header-fixed">${message!}
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">登陆入口</h4>
      </div>
      <div class="modal-body">
        <form id="loginForm" action="login" method="post">
          <div class="form-group">
            <label for="recipient-name" class="control-label">账号:</label>
            <input type="text" class="form-control" id="account" name="accountName">
            <input type="hidden" id="token" name="token">
          </div>
          <div class="form-group">
            <label for="message-text" class="control-label">密码:</label>
            <input type="password" class="form-control" id="password" name="password">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <input type="hidden" id="msg" value="${msg!}">
        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="login()">登陆</button>
        <button type="button" class="btn btn-success" onclick="regist()">注册</button>
      </div>
    </div>
  </div>
</div>
	<!-- BEGIN MAIN LAYOUT -->
	<!-- Header BEGIN -->
    <header class="page-header">
       <!--  <nav class="navbar navbar-fixed-top" role="navigation"> -->
       <nav class="myNav" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header ">
                    <a class="logo" href="#intro">立修</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-responsive-collapse">
                    <ul class="nav navbar-nav">
                        <li class="page-scroll active">
                            <a href="#intro">主页</a>
                        </li>
                        <li class="page-scroll">
                            <a href="#about">对象</a>
                        </li>
                        <li class="page-scroll">
                            <a href="#features">特点</a>
                        </li>
                                 
                        <li class="page-scroll">
                            <a href="#portfolio">介绍</a>
                        </li>
                        <li class="page-scroll">
                            <a href="#pricing">使用</a>
                        </li>
                        <li class="page-scroll">
                            <a href="#contact">反馈</a>
                        </li>
                        
                        <#if userInfo?exists>
                        	<li>
                            <div class="dropdown">
							  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="border:#fff;font-weight:bold;">
							    ${userInfo.name}
							    <span class="caret"></span>
							  </button>
							  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
							    <li style="padding:0"><a href="${ctx}userPage/index">我要报修</a></li>
							    <li style="padding:0"><a href="${ctx}logout">退出</a></li>
							  </ul>
							</div>
						</li>
                        <#else>
                        
						<li class="login">
                            <a href="#" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">注册登录</a>
                        </li>
						</#if>
                    </ul>
                </div>
                <!-- End Navbar Collapse -->
            </div>
            <!--/container-->
        </nav>
    </header>
    <!-- Header END -->

    <!-- BEGIN INTRO SECTION -->
    <section id="intro">
        <!-- Slider BEGIN -->
        <div class="page-slider">
            <div class="fullwidthbanner-container revolution-slider">
                <div class="banner">
                    <ul id="revolutionul">
                        <!-- THE NEW SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="">
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                            <img src="static/img/theme1.jpg" alt="">
                          
                            
                        </li>
                        <!-- THE NEW SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="6000" data-thumb="">
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                            <img src="static/img/theme2.jpg" alt="">
                          
                            
                        </li>
                        <!-- THE NEW SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="6000" data-thumb="">
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                            

                            <div class="caption fulllscreenvideo tp-videolayer"
                                    data-x="0"
                                    data-y="0"
                                    data-speed="600"
                                    data-start="1000"
                                    data-easing="Power4.easeOut"
                                    data-endspeed="500"
                                    data-endeasing="Power4.easeOut"
                                    data-autoplay="true"
                                    data-autoplayonlyfirsttime="false"
                                    data-nextslideatend="true"
                                    data-videowidth="100%"
                                    data-videoheight="100%"
                                    data-videopreload="meta"
                                    data-videomp4="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.mp4"
                                    data-videowebm="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.webm"
                                    data-videocontrols="none"
                                    data-forcecover="1"
                                    data-forcerewind="on"
                                    data-aspectratio="16:9"
                                    data-volume="mute"
                                    data-videoposter="static/img/theme3.jpg">
                            </div>
                          
                            
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Slider END -->
    </section>
    <!-- END INTRO SECTION -->

    <!-- BEGIN MAIN LAYOUT -->
    <div class="page-content">
        <!-- SUBSCRIBE BEGIN 
        <div class="subscribe">
            <div class="container">
                <div class="subscribe-wrap">
                    <div class="subscribe-body subscribe-desc md-margin-bottom-30">
                        <h1>Signup for free</h1>
                        <p>To try the most advanced business platform for mobile and desktop</p>
                    </div>
                    <div class="subscribe-body">
                        <form class="form-wrap input-field">
                            <div class="form-wrap-group">
                                <input type="name" class="form-control" id="name" placeholder="Name">
                            </div>
                            <div class="form-wrap-group border-left-transparent">
                                <input type="email" class="form-control" id="email" placeholder="Your Email">
                            </div>
                            <div class="form-wrap-group">
                                <button type="submit" class="btn-danger btn-md btn-block">Signup</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>-->
        <!-- SUBSCRIBE END -->

        <!-- BEGIN ABOUT SECTION -->
        <section id="about">
            <!-- Services BEGIN -->
            <div class="container service-bg">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="services sm-margin-bottom-100">
                            <div class="services-wrap">
                                <div class="service-body">
                                    <img src="static/img/u_member.png" alt="">
                                </div>
                            </div>
                            <h2>员工的新利器，移动的，</h2>
                            <h2>才是最方便的</h2>
                            <p>仅需一部智能手机，你的员工 <br> 可以在任何地方接收您的工单指令。</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="services sm-margin-bottom-100">
                            <div class="services-wrap">
                                <div class="service-body">
                                    <img src="static/img/u_boss.png" alt="">
                                </div>
                            </div>
                            <h2>团队效率提升50%的秘密</h2>
                            <h2>首度公开</h2>
                            <p>管工单，管员工，管客户，提升效 <br> 率，节省成本，让生意更简单。</p>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="services">
                            <div class="services-wrap">
                                <div class="service-body">
                                    <img src="static/img/u_customer.png" alt="">
                                </div>
                            </div>
                            <h2>客户满意度是衡量工作的</h2>
                            <h2>唯一标准</h2>
                            <p>以工单为线索，每一个问题都可追 <br> 踪，留住客户，变得简单可行。</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Services END -->
        </section>
        <!-- END ABOUT SECTION -->

        <!-- BEGIN FEATURES SECTION -->
        <section id="features">
            <!-- Features BEGIN -->
            <div class="features-bg">
                <div class="container">
                    <div class="heading">
                        <h2><strong>立修</strong> 亮点功能</h2>
                        
                    </div><!-- //end heading -->

                    <!-- Features -->
                    <div class="row margin-bottom-70">
                        <div class="col-md-6 md-margin-bottom-70">
                            <div class="features">
                                <img src="static/img/workorder.png" alt="">
                                <div class="features-in">
                                    <h3><a href="#">工单进度同步</a></h3>
                                    <p>管理员派单，工人手机接单，客户微信查单。像查快递一样简单。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="features">
                                <img src="static/img/customer.png" alt="">
                                <div class="features-in">
                                    <h3><a href="#">客户资料管理</a></h3>
                                    <p>管理客户资料，查看客户历史服务工单，工人手机查询客户服务历史记录。</p>
                                </div>
                            </div>
                        </div>
                    </div><!-- //end row -->
                    <div class="row margin-bottom-80">
                        <div class="col-md-6 md-margin-bottom-70">
                            <div class="features">
                                <img src="static/img/settlement.png" alt="">
                                <div class="features-in">
                                    <h3><a href="#">自动结算费用</a></h3>
                                    <p>灵活的工人费用的结算方式，可以按单个工单结算费用，也可以按周,按月结算工人的费用。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="features">
                                <img src="static/img/datareport.png" alt="">
                                <div class="features-in">
                                    <h3><a href="#">数据报表导出</a></h3>
                                    <p>工单数据，客户资料，员工数据，设备数据，支持导出为excel。</p>
                                </div>
                            </div>
                        </div>
                    </div><!-- //end row -->
                    <!-- End Features -->

                    
                </div>
            </div>
            <!-- Features END -->
        </section>
        <!-- END FEATURES SECTION -->

        <!-- BEGIN TEAM SECTION -->
        
           
        <!-- END TEAM SECTION -->

        <!-- BEGIN CLIENTS SECTION -->
        
        <!-- END CLIENTS SECTION -->

        <!-- BEGIN PORTFOLIO SECTION -->
        <section id="portfolio">
            <div class="portfolio">
                <div class="container">
                    <div class="heading">
                        <h2>系统 <strong>介绍</strong></h2>
                    </div>

                    <div class="cube-portfolio">
                        <div id="filters-container" class="cbp-l-filters-alignCenter">
                            <!-- <div data-filter="*" class="cbp-filter-item-active cbp-filter-item"> All Stuff </div> -->
                            <div id="user" data-filter=".ecommerce" class="cbp-filter-item cbp-filter-item-active"> 用户 </div>
                            <div id="admin" data-filter=".admin" class="cbp-filter-item"> 管理员 </div>
                            <!-- <div data-filter=".corporate" class="cbp-filter-item"> Corporate </div>
                            <div data-filter=".retail" class="cbp-filter-item"> Retail </div> -->
                        </div>
                        <div class="row">
                            <div class="col-md-5 md-margin-bottom-50">
                                <div class="heading-left">
                                    <h2>
                                        <strong>网页版</strong>
                                        <br>
                                        随时随地分配工作
                                    </h2>
                                    <p>用最简单的方式将工单需求输入电脑，一键发送给一个或多个员工，无论他们身在何处，都可以清晰准确的了解您的任务需求，谁查看了，谁没查看都能一目了然。以前需要挨个给工人打电话沟通的需求，现在只需简单一个工单，既提升了效率，又不容易出错或忘记。</p><br>
                                    <a href="#" class="btn-brd-primary">Read More</a>
                                </div>
                            </div>
                            <div class="col-md-7">
                                <!-- Cube Portfolio -->
                                 <img id="userImg" style="height:316px;width:550px;margin-left:15px;" src="static/img/01.jpg"></a>
                                 <img id="adminImg" style="display:none;height:316px;width:550px;margin-left:15px;" src="static/img/02.jpg"></a>
                                 <!--<div id="grid-container" class="cbp-l-grid-agency">
                                    <div class="cbp-item ecommerce">
                                        <div class="cbp-caption">
                                            <div class="cbp-caption-hover-gradient">
                                                <img src="img/01.jpg" alt="">
                                            </div>
                                            <div class="cbp-caption-activeWrap">
                                                <div class="cbp-l-caption-alignCenter">
                                                    <div class="cbp-l-caption-body portfolio-icons">
                                                        <a href="img/01.jpg" class="cbp-lightbox" data-title="Title"><i class="fa fa-search"></i></a>
                                                        <a href="#"><i class="fa fa-file"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                   
                                    
                                </div>-->
                            </div>
                            <!-- End Cube Portfolio -->
                        </div>
                    </div><!-- //end row -->
                </div>
            </div>
        </section>
        <!-- END PORTFOLIO SECTION -->

        <!-- BEGIN PRICING SECTION -->
        <section id="pricing">
            <div class="pricing-bg">
                <div class="container">
                    <div class="heading">
                        <h2>立即开始使用立修</h2>
                        
                    </div><!-- //end heading -->

                    <!-- Pricing -->
                    <div class="row no-space-row">
                        <div class="col-md-4">
                            <div class="pricing no-right-brd">
                                <span class="order">1</span>
                                <h4 style="margin-top:20px;"></h4>
                                <span class="textNum">访问立修网页版，注册公司/团队，添加员工并创建工单。</span>
                                
                                <img src="static/img/apply_ie.jpg"></img>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="pricing pricing-brd">
                                <span class="order">2</span>
                                <h4 style="margin-top:20px;"></h4>
                                <span class="textNum">让员工登录立修网页版，如果您创建的工单中已添加了他们，他们在手机上将可以看到这条工单，只要他们更新了进度，您在网页版就可以实时看到。</span>
                                
                                <img src="static/img/apply_chrome.png"></img>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="pricing no-left-brd">
                                <span class="order">3</span>
                                <h4 style="margin-top:20px;"></h4>
                                <span class="textNum">您的客户无需下载安装客户端，直接登录立修，就可以随时查询订单进度了</span>
                               
                                <img src="static/img/apply_uc.jpg"></img>
                            </div>
                        </div>
                    </div><!-- //end row -->
                    <!-- End Pricing -->
                </div>
            </div>
        </section>
        <center><a href="#" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo" class="btn-brd-danger" style="margin-bottom:50px;">立即开通</a></center>
        <!-- END PRICING SECTION -->

        <!-- BEGIN CONTACT SECTION -->
        <section id="contact">
            <!-- Footer -->
            <div class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="heading-left-light">
                                <h2>向我们的立修问好</h2>
                                <p>尝试最先进的商业平台用于移动和桌面</p>
                            </div>
                        </div>
                        <div class="col-sm-6">
                        <form action="commitFeedback" method="post">
                            <div class="form" onclick="judgeLogin()">
                                <div class="form-wrap">
                                    <div class="form-wrap-group">
                                    <#if userInfo?exists>
                                    	<input type="hidden" id="accountId" name="accountId" value="${userInfo.accountId?c}">
                                    </#if>
                                        <input type="text" placeholder="你的姓名" name="name" class="form-control">
                                        <input type="text" placeholder="你的专业" name="major" class="border-top-transparent form-control">
                                    </div>                
                                    <div class="form-wrap-group border-left-transparent">
                                        <input type="text" placeholder="你的邮箱" name="email" class="form-control">
                                        <input type="text" placeholder="联系电话" name="phone" class="border-top-transparent form-control">
                                    </div>                
                                </div>
                            </div>
                            <textarea onclick="judgeLogin()" rows="8" name="comment" placeholder="在这里评论..." class="border-top-transparent form-control"></textarea>
                            <button type="submit" class="btn-danger btn-md btn-block">提交</button>
                        </form>
                        </div>
                    </div><!-- //end row -->
                </div>
            </div>
            <!-- End Footer -->

            <!-- Footer Coypright -->
            <div class="footer-copyright">
                <div class="container">
                    <h3>立修</h3>
                    <!-- <ul class="copyright-socials">
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul> -->
                    <P>浙江工商大学</P>
                </div>
            </div>
            <!-- End Footer Coypright -->
        </section>
        <!-- END CONTACT SECTION -->
    </div>
    <!-- END MAIN LAYOUT -->
    <a href="#intro" class="go2top"><i class="fa fa-arrow-up"></i></a>

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="static/js/respond.min.js"></script>
<script src="static/js/excanvas.min.js"></script>
<![endif]-->
<script src="static/js/jquery.min.js" type="text/javascript"></script>
<script src="static/js/jquery-migrate.min.js" type="text/javascript"></script>
<script src="static/js/bootstrap.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="static/js/jquery.easing.js" type="text/javascript"></script>
<script src="static/js/jquery.parallax.js" type="text/javascript"></script>
<script src="static/js/smooth-scroll.js" type="text/javascript"></script>
<script src="static/js/owl.carousel.min.js" type="text/javascript"></script>
<!-- BEGIN Cubeportfolio -->
<script src="static/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
<script src="static/js/portfolio.js" type="text/javascript"></script>
<!-- END Cubeportfolio -->
<!-- BEGIN RevolutionSlider -->  
<script src="static/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
<script src="static/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
<script src="static/js/revo-ini.js" type="text/javascript"></script>
<!-- END RevolutionSlider -->
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="static/js/layout.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->

<script src="static/js/md5.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {    
    Layout.init();
    RevosliderInit.initRevoSlider();
    var msg=$('#msg').val();
    console.log(msg);
    if(msg!=""&&msg!=undefined)
    	alert(msg)
});
</script>

<script>
	function judgeLogin(){
		var judge = $("#accountId").val();
		//console.log("judge:"+judge);
		if(typeof(judge)=="undefined"){ 
			$("html,body").animate({scrollTop:0}, 500);  
		}
	    //  
	    setInterval(blink($(".login a")),1000);
	    $(".login a").css("background-color","#2c3a46").css("color","#fff");
	}
	
	function blink(selector){
	 $(selector).fadeOut(1000).fadeIn(1000);
	}
  function login(){
	  var account=$.trim($("#account").val());
	  var password= $.trim($("#password").val());
	  var encode = hex_md5(account+password);
	  $("#token").val(encode);
      $('#password').remove();
	  $("#loginForm").submit();
   }
  function regist(){
	  window.location.href='/registe';
  }
</script>
<!-- END JAVASCRIPTS -->

</body>

<!-- END BODY -->
</html>